<!--  -->
<template>
  <div class="backuprestore">
    <div class="noticeShowM">
      <p>备份功能用于备份您的网站数据。可在您需要恢复时候恢复备份节点数据，便于管理您的网站</p>
      <p>
         备份功能支持：手动备份、自动备份，您可根据实际需要进行站点备份
      </p>
    </div>
    <el-tabs v-model="activeNames">
      <el-tab-pane label="手动备份" name="1">
        <Hmbackup />
      </el-tab-pane>
      <el-tab-pane label="自动备份" name="2">
        <Ambackup />
      </el-tab-pane>
    </el-tabs>
    <div style="height: 18px;"></div>
  </div>
</template>

<script>
import Hmbackup from '@/components/main/user/backuprestore/Hmbackup.vue'
import Ambackup from '@/components/main/user/backuprestore/Ambackup.vue'
export default {
  created () {
  },
  data () {
    return {
      activeNames: '1'
    }
  },
  computed: {
  },
  components: {
    Hmbackup,
    Ambackup
  },
  methods: {
  }
}

</script>

<style scoped>
.noticeShowM {
  border-left: 4px solid #409EFF;
  padding: 15px;
  font-size: 13px;
  line-height: 1.7;
  background: #F0F8FF;
  margin-bottom: 20px;
}
</style>
